<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotulist" :key="item.id">
                <img v-bind:src="item.src" alt="" :class="{full:isfull}">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
    export default {
        props : ["lunbotulist","isfull"]
    }
</script>

<style lang="less" scoped>
//首页中的轮播图和 商品评论中的轮播图 都使用width 100%的话  图片扭曲
//经分析 首页轮播图width 100%    商品详情中的需要自适应
//name 自定义一个类full 让轮播图的调用者 手动指定 是否width 为100%
.mint-swipe {
  height: 200px;
  text-align: center;  
    img {
    //   width: 100%;
      height: 100%;
    }
  }
.full{
    width: 100%;
}
</style>
